<template>

  <div>
    <!-- 顶部通栏 -->
    <AppNavBar />
    <!-- 顶部导航栏 -->
    <AppHeader />
    <!-- 吸顶组件 -->
    <AppHeaderSticky />
    <!-- 主题：二级导航出口 -->
    <div class="app-body">
      <router-view></router-view>
    </div>
    <!-- 底部 -->
    <AppFooter />
    
  </div>
</template>
<script>
import AppNavBar from '@/components/AppNavBar.vue'
import AppHeader from '@/components/AppHeader.vue'
import AppFooter from '@/components/AppFooter.vue'
import AppHeaderSticky from '@/components/AppHeaderSticky.vue'
import {useStore} from 'vuex'
export default {
  name:'Layout',
  components:{AppNavBar,AppHeader,AppFooter,AppHeaderSticky},
  setup(){
    const store=useStore()
      store.dispatch('category/getList')
  }
}
</script>
<style lang="less" scoped>
// @import '~@/assets/styles/minxis.less';
.app-body{
  min-height: 600px;
}
</style>
